<template>
    <div>
      <a-button type="primary" @click="openNotification('topLeft')">
        <a-icon type="radius-upleft" />
        左上角
      </a-button>
      <a-button type="primary" @click="openNotification('topRight')">
        <a-icon type="radius-upright" />
        右上角
      </a-button>
      <a-divider />
      <a-button type="primary" @click="openNotification('bottomLeft')">
        <a-icon type="radius-bottomleft" />
        左下角
      </a-button>
      <a-button type="primary" @click="openNotification('bottomRight')">
        <a-icon type="radius-bottomright" />
        右下角
      </a-button>
    </div>
  </template>
  <script>
  export default {
    methods: {
      openNotification(placement) {
        this.$notification.open({
          message: `通知框`,
          description:
          `弹出方向 ${placement}`,
          placement,
        });
      },
    },
  };
  </script>
  